.menu, .mobile_navbar{
	display: none;
}
.content {
    overflow: hidden;
    width: 100%;
    .header {
        width: 100%;
        height: .88rem;
        background: #FCFCFD;
        .m {
            width: 12.08rem;
            margin: 0 auto;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .logo {
                display: block;
                height: 100%;
            }
            &>ul {
                height: 100%;
                display: flex;
                &>li {
                    height: 100%;
                    position: relative;
                    &:hover {
                        .slide {
                            top: 80%;
                            opacity: 1;
                            visibility: inherit;
                        }
                    }
                    .slide {
                        overflow: hidden;
                        transition: all .3s;
                        background: #fff;
                        border-radius: .1rem;
                        padding: .06rem .13rem;
                        box-shadow: 0 0 .2rem rgba(0, 0, 0, .1);
                        position: absolute;
                        z-index: 999;
                        width: 1.86rem;
                        left: 50%;
                        transform: translateX(-50%);
                        top: 100%;
                        opacity: 0;
                        visibility: hidden;
                        a {
                            display: block;
                            font-size: .18rem;
                            color: #333333;
                            line-height: 1.5;
                            padding: .06rem 0;
                            transition: all .1s;
                            &:hover {
                                color: #0F7CD0;
                            }
                        }
                    }
                    &.on>a {
                        color: #0F7CD0;
                    }
                    &:hover>a {
                        color: #0F7CD0;
                        i {
                            background-image: url(../images/db.png);
                        }
                    }
                    &>a {
                        display: flex;
                        align-items: center;
                        height: 100%;
                        font-size: .14rem;
                        color: #292D32;
                        text-transform: uppercase;
                        font-family: osw;
                        padding: 0 .2rem;
                        i {
                            display: block;
                            background-image: url(../images/downb.png);
                            width: .08rem;
                            height: .08rem;
                            background-size: 100% 100%;
                            margin-left: .1rem;
                        }
                    }
                }
            }
            .right {
                height: 100%;
                display: flex;
                align-items: center;
                .link {
                    width: .95rem;
                    height: .39rem;
                    background: #0F7CD0;
                    border-radius: .3rem;
                    a {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-family: osw;
                        font-size: .14rem;
                        color: #fff;
                    }
                }
                .lang {
                    height: 100%;
                    position: relative;
                    margin-left: .46rem;
                    .line {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        height: 100%;
                        cursor: pointer;
                        .icon {
                            width: .24rem;
                            display: block;
                        }
                        span {
                            font-size: .16rem;
                            color: #333333;
                            margin: 0 .08rem;
                        }
                        .down {
                            width: .08rem;
                            display: block;
                        }
                    }
                }
            }
        }
    }
    .banner {
        overflow: hidden;
        width: 100%;
        height: 6.6rem;
        position: relative;
        &::after {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            opacity: 0.44;
            background: #000;
        }
        a {
            display: block;
            width: 100%;
            height: 100%;
            img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .font {
                width: 100%;
                position: absolute;
                left: 0;
                top: 50%;
                z-index: 2;
                transform: translateY(-50%);
                p {
                    font-size: .58rem;
                    font-family: osw;
                    text-transform: uppercase;
                    color: #fff;
                    text-align: center;
                    &.on {
                        font-size: .9rem;
                    }
                }
                span {
                    display: block;
                    text-align: center;
                    font-size: .16rem;
                    color: #fff;
                    line-height: 2.1;
                    margin-top: .46rem;
                }
            }
        }
    }
    .main_contact {
        overflow: hidden;
        width: 100%;
        //height: 12.22rem;
        background-size: cover;
        background-position: center center;
        display: flex;
        align-items: center;
        justify-content: center;
        .m {
            width: 12.08rem;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .form {
                overflow: hidden;
                width: 6.06rem;
                background: #fff;
                padding: .16rem .4rem .27rem .4rem;
                margin-left: .63rem;
                .title {
                    display: flex;
                    align-items: center;
                    border-bottom: 1px solid #F0F0F0;
                    height: .95rem;
                    font-size: .32rem;
                    text-transform: uppercase;
                    color: #222222;
                    font-family: osw;
                }
                .submit {
                    width: 1.55rem;
                    height: .59rem;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                    font-size:14px;
                    font-family: osw;
                    color: #fff;
                    background: #0F7CD0;
                    margin-top: .26rem;
                }
                .label {
                    overflow: hidden;
                    margin-top: .14rem;
                    p {
                        font-size: .14rem;
                        color: #222222;
                        line-height: 1.5;
                        text-transform: uppercase;
                        font-family: osw;
                    }
                    textarea {
                        resize: none;
                        outline: none;
                        box-sizing: border-box;
                        width: 100%;
                        height: .99rem;
                        border: none;
                        outline: none;
                        font-size: .16rem;
                        color: #686868;
                        padding: .14rem .2rem;
                        border-radius: .08rem;
                        margin-top: .12rem;
                        border: 1px solid rgba(0, 0, 0, .15);
                        &::placeholder {
                            color: #686868;
                        }
                    }
                    .change {
                        width: 100%;
                        position: relative;
                        height: .54rem !important;
                        border-radius: .08rem;
                        display: flex;
                        overflow: hidden;
                        align-items: center;
                        border: 1px solid rgba(0, 0, 0, .15);
                        margin-top: .12rem;
                        font-size: 12px;
                        select {
                            width: 100%;
                            height: 100%;
                            border: none;
                            outline: none;
                            font-size: .16rem;
                            color: #686868;
                            box-sizing: border-box;
                            appearance: none;
                            padding-left: .2rem;
                            background-image: url(../images/downb.png);
                            background-repeat: no-repeat;
                            background-position: right .2rem center;
                        }
                        input {
                            width: 100%;
                            height: 100%;
                            border: none;
                            outline: none;
                            font-size: .16rem;
                            color: #686868;
                            padding-left: .2rem;
                            &::placeholder {
                                color: #686868;
                            }
                        }
                    }
                }
            }
            .grow {
                overflow: hidden;
                flex: 1;
                p {
                    font-size: .58rem;
                    text-transform: uppercase;
                    line-height: 1.379310344827586;
                    color: #fff;
                    font-family: osw;
                }
                span {
                    display: block;
                    font-size: .24rem;
                    color: #fff;
                    margin-top: .4rem;
                    line-height: 1.416666666666667;
                }
                em {
                    display: block;
                    font-size: .2rem;
                    color: #F7CF5A;
                    margin-top: .9rem;
                    line-height: 1.416666666666667;
                }
            }
        }
    }
    .main_faq {
        overflow: hidden;
        width: 100%;
        padding: .58rem 0 .63rem 0;
        .m {
            width: 12.08rem;
            margin: 0 auto;
            ul {
                overflow: hidden;
                padding-bottom: .6rem;
                li {
                    width: 100%;
                    overflow: hidden;
                    margin-bottom: .2rem;
                    &.on {
                        .line img {
                            transform: rotate(90deg);
                        }
                        .slide {
                            display: block;
                        }
                    }
                    .line {
                        width: 100%;
                        background: #F9F9F9;
                        padding: .38rem .4rem;
                        display: flex;
                        cursor: pointer;
                        align-items: center;
                        img {
                            width: .18rem;
                            transition: all .3s;
                            margin-right: .32rem;
                        }
                        p {
                            flex: 1;
                            font-size: .24rem;
                            color: #222222;
                            line-height: 1.5;
                        }
                    }
                    .slide {
                        overflow: hidden;
                        width: 100%;
                        background: #F9F9F9;
                        padding: .24rem .42rem;
                        font-size: .16rem;
                        color: #686868;
                        line-height: 2.2;
                        margin-top: .2rem;
                        display: none;
                    }
                }
            }
        }
    }
    .main_form_box {
        overflow: hidden;
        width: 100%;
        background: #fff;
        padding: .43rem 0 0 0;
        .m {
            width: 12.08rem;
            margin: 0 auto;
            .button {
                display: flex;
                align-items: center;
                justify-content: center;
                padding-top: .25rem;
                padding-bottom: .5rem;
                div {
                    width: 2.16rem;
                    height: .68rem;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                    border-radius: .04rem;
                    font-size: .24rem;
                    margin: 0 .12rem;
                    color: #0F7CD0;
                    font-family: osw;
                    transition: all .1s;
                    border: 1px solid #0F7CD0;
                    &:hover {
                        opacity: 0.8;
                    }
                    &.on {
                        background: #0F7CD0;
                        color: #fff;
                    }
                }
            }
            .item {
                overflow: hidden;
                width: 100%;
                margin-bottom: .2rem;
                background: #F9F9F9;
                padding: .4rem .34rem .32rem .41rem;
                .head {
                    overflow: hidden;
                    display: flex;
                    align-items: center;
                    padding: .14rem 0;
                    border-bottom: 1px solid rgba(0, 0, 0, .06);
                    p {
                        font-size: .32rem;
                        text-transform: uppercase;
                        color: #222222;
                        line-height: 1.46875;
                        font-family: osw;
                    }
                    img {
                        width: .26rem;
                        cursor: pointer;
                        margin-left: .25rem;
                    }
                }
                .desc {
                    overflow: hidden;
                    width: 100%;
                    background: #fff;
                    padding: .09rem .2rem 0 .2rem;
                    border-radius: .08rem;
                    margin-top: .33rem;
                    border: 1px solid rgba(0, 0, 0, 0.15);
                    p {
                        font-size: .16rem;
                        color: #686868;
                        padding: .14rem 0;
                        line-height: 2;
                        border-bottom: 1px solid rgba(0, 0, 0, .1);
                        span {
                            color: red;
                        }
                    }
                    .updata {
                        overflow: hidden;
                        margin: .17rem 0;
                        border: 1px dashed #0F7CD0;
                        background: #F5F8FF;
                        cursor: pointer;
                        padding: .2rem 0 .23rem 0;
                        border-radius: .05rem;
                        img {
                            display: block;
                            margin: 0 auto;
                            width: .33rem;
                        }
                        span {
                            display: block;
                            text-align: center;
                            font-size: .14rem;
                            color: #0F7CD0;
                            margin-top: .06rem;
                            line-height: .21rem;
                            font-family: osw;
                        }
                    }
                }
                .rideo {
                    display: flex;
                    align-items: center;
                    p {
                        font-size: .14rem;
                        text-transform: uppercase;
                        font-family: osw;
                        color: #222222;
                        line-height: 1.5;
                    }
                    ul {
                        display: flex;
                        align-items: center;
                        li {
                            overflow: hidden;
                            cursor: pointer;
                            margin-left: .3rem;
                            display: flex;
                            align-items: center;
                            &:first-child {
                                margin-left: .35rem;
                            }
                            &.on {
                                div {
                                    border: .04rem solid #0F7CD0;
                                    &::after {
                                        display: block;
                                    }
                                }
                            }
                            div {
                                width: .26rem;
                                height: .26rem;
                                border-radius: 50%;
                                border: .04rem solid #BBBBBB;
                                position: relative;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                margin-left: .15rem;
                                &::after {
                                    content: '';
                                    width: .12rem;
                                    height: .12rem;
                                    border-radius: 50%;
                                    background: #0F7CD0;
                                    display: none;
                                }
                            }
                            span {
                                font-size: .16rem;
                                text-transform: uppercase;
                                color: #000000;
                            }
                        }
                    }
                    &.on {
                        display: block;
                        margin-top: .3rem;
                        ul li {
                            margin-top: .23rem;
                            margin-left: 0;
                            margin-right: .3rem;
                            &:last-child {
                                margin-right: 0;
                            }
                            &:first-child {
                                margin-left: 0;
                            }
                        }
                    }
                    &.ons {
                        display: block;
                        margin-top: .3rem;
                        ul {
                            justify-content: space-between;
                        }
                        ul li {
                            margin-top: .23rem;
                            margin-left: 0;
                            margin-right: 0rem;
                            span {
                                font-size: .15rem;
                                text-transform: lowercase;
                                white-space: nowrap;
                            }
                            div {
                                margin-left: 0;
                                margin-right: .13rem;
                            }
                            &:last-child {
                                margin-right: 0;
                            }
                            &:first-child {
                                margin-left: 0;
                            }
                        }
                    }
                }
                .textarea {
                    width: 100%;
                    height: .99rem;
                    background: #fff;
                    resize: none;
                    box-sizing: border-box;
                    font-size: .16rem;
                    color: #686868;
                    border: 1px solid rgba(0, 0, 0, .15);
                    padding: .11rem .2rem;
                    margin-top: .33rem;
                    border-radius: .08rem;
                    outline: none;
                }
                .form {
                    overflow: hidden;
                    padding: .14rem 0 0 0;
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    .label {
                        width: 5.18rem;
                        overflow: hidden;
                        margin-bottom: .33rem;
                        p {
                            font-size: .14rem;
                            color: #222222;
                            line-height: 1.5;
                            font-family: osw;
                            text-transform: uppercase;
                        }
                        input {
                            width: 100%;
                            margin-top: .12rem;
                            height: .54rem !important;
                            border: 1px solid #D9D9D9;
                            background: #fff;
                            color: #333;
                            padding-left: .2rem;
                            font-size: .14rem;
                            border-radius: .08rem;
                            outline: none;
                            &::placeholder {
                                color: #686868;
                            }
                        }
                    }
                }
            }
        }
    }
}

.footer {
    overflow: hidden;
    width: 100%;
    background: #042843;
    padding: .49rem 0 0 0;
    .m {
        width: 12.08rem;
        margin: 0 auto;
        .top {
            overflow: hidden;
            padding-bottom: .32rem;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            .left {
                overflow: hidden;
                width: 3.19rem;
                .fotlogo {
                    display: block;
                    width: 1.68rem;
                }
                p {
                    font-size: .12rem;
                    color: #FFFFFF;
                    line-height: 2.5;
                    margin-top: .1rem;
                }
                span {
                    display: block;
                    font-size: .18rem;
                    color: #9BA9B4;
                    text-transform: uppercase;
                    font-family: osw;
                    margin-top: .16rem;
                }
            }
            .item {
                overflow: hidden;
                p {
                    font-size: .24rem;
                    text-transform: uppercase;
                    letter-spacing: .02rem;
                    line-height: 1.5;
                    color: #fff;
                    font-family: osw;
                }
                .map {
                    width: 2.81rem;
                    overflow: hidden;
                    margin-top: .15rem;
                    height: 1.66rem;
                    img {
                        display: block;
                        width: 100%;
                    }
                }
                .ul1 {
                    display: flex;
                    align-items: center;
                    li {
                        overflow: hidden;
                        margin-top: .18rem;
                        img {
                            width: .3rem;
                            margin-right: .06rem;
                        }
                    }
                }
                .ul {
                    overflow: hidden;
                    li {
                        display: flex;
                        align-items: flex-start;
                        margin-top: .2rem;
                        img {
                            display: block;
                            width: .1667rem;
                        }
                        span {
                            display: block;
                            font-size: .14rem;
                            color: #fff;
                            line-height: 1.3;
                            width: 2.86rem;
                            margin-left: .11rem;
                        }
                    }
                }
            }
        }
        .bottom {
            overflow: hidden;
            padding: .37rem .3rem;
            border-top: 1px solid #334552;
            font-size: .16rem;
            color: #fff;
            line-height: 2;
            text-align: center;
        }
    }
}

.main_page_box {
    overflow: hidden;
    width: 100%;
    padding-bottom: .78rem;
    .m {
        width: 12.08rem;
        margin: 0 auto;
    }
}

.tong_title {
    width: 100%;
    text-align: center;
    position: relative;
    span {
        display: block;
        text-align: center;
        font-size: .58rem;
        color: #222222;
        text-transform: uppercase;
        line-height: 1.379310344827586;
        font-family: osw;
    }
    &::after {
        content: '';
        width: 2.08rem;
        height: 3px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -.1rem;
        background: #DCDCDC;
    }
    &::before {
        content: '';
        width: 1.29rem;
        height: 3px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -.1rem;
        background: #FF9900;
        z-index: 9;
    }
}

.public_button {
    width: 2.87rem;
    height: .68rem;
    border-radius: .04rem;
    background: #0F7CD0;
    transition: all .1s;
    margin: 0 auto;
    &:hover {
        opacity: 0.8;
    }
    a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        font-size: .24rem;
        font-family: osw;
        color: #fff;
    }
}

.main_gallery {
    width: 100%;
    overflow: hidden;
    margin-top: .34rem;
    .box {
        width: 100%;
        overflow: hidden;
        position: relative;
        margin-top: .66rem;
        margin-bottom: .24rem;
        .mySwiper {
            width: 100%;
            overflow: hidden;
            padding-bottom: .06rem;
            .swiper-pagination {
                display: inline-flex;
                width: auto;
                left: 50%;
                transform: translateX(-50%);
                align-items: center;
                justify-content: center;
                bottom: 0;
                background: #D9D9D9;
                border-radius: .4rem;
                overflow: hidden;
                .swiper-pagination-bullet {
                    border-radius: 0;
                    margin: 0;
                    width: 1.01rem;
                    border-radius: .3rem;
                    height: .13rem;
                }
                .swiper-pagination-bullet-active {
                    background: #0F7CD0;
                }
            }
            .swiper-slide {
                width: 100%;
                overflow: hidden;
                ul {
                    width: 100%;
                    display: flex;
                    flex-wrap: wrap;
                    li {
                        overflow: hidden;
                        width: 3.89rem;
                        height: 3.08rem;
                        margin-right: .19rem;
                        margin-bottom: .24rem;
                        &:nth-child(3n) {
                            margin-right: 0;
                        }
                        &:hover img {
                            transform: scale(1.06);
                        }
                        img {
                            width: 100%;
                            height: 100%;
                            display: block;
                            object-fit: cover;
                            transition: all .5s;
                        }
                    }
                }
            }
        }
    }
}

.main_items {
    width: 100%;
    overflow: hidden;
    margin-top: .66rem;
    .video {
        width: 100%;
        overflow: hidden;
        margin-top: .66rem;
        video {
            width: 100%;
            height: 5.13rem;
            object-fit: cover;
        }
        .desc {
            overflow: hidden;
            background: #F3F3F3;
            padding: .24rem .52rem;
            margin-top: .1rem;
            span {
                display: block;
                font-size: .14rem;
                color: #686868;
                line-height: 2.3;
            }
        }
    }
    ul {
        width: 100%;
        overflow: hidden;
        margin-top: .46rem;
        &.on li a {
            .grow {
                display: block;
                p {
                    font-size: .24rem;
                }
                span {
                    margin: 0;
                }
            }
        }
        li {
            width: 100%;
            margin-top: .43rem;
            &:nth-child(even) {
                a {
                    flex-direction: row-reverse;
                }
            }
            &:hover a {
                .picture img {
                    transform: scale(1.03);
                }
            }
            a {
                width: 100%;
                display: flex;
                justify-content: space-between;
                .picture {
                    overflow: hidden;
                    width: 5.16rem;
                    position: relative;
                    img {
                        width: 100%;
                        display: block;
                        transition: all .5s;
                    }
                }
                .grow {
                    width: 6.33rem;
                    position: relative;
                    display: flex;
                    justify-content: space-between;
                    flex-direction: column;
                    p {
                        font-size: .58rem;
                        color: #222222;
                        font-family: p;
                        line-height: 1.379310344827586;
                        font-weight: bold;
                        &.on {
                            font-size: .24rem;
                        }
                    }
                    span {
                        display: block;
                        font-size: .16rem;
                        color: #686868;
                        margin-bottom: .3rem;
                        line-height: 2.1;
                        &.on {
                            margin: 0;
                        }
                    }
                    .btn {
                        width: 2.01rem;
                        height: .69rem;
                        background: #0F7CD0;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 14px;
                        font-family: osw;
                        color: #fff;
                    }
                }
            }
        }
    }
}

.main_team_box {
    overflow: hidden;
    width: 100%;
    padding: .47rem 0 .99rem 0;
    .m {
        width: 12.08rem;
        margin: 0 auto;
        .public_button {
            width: 2.16rem;
        }
    }
}

.tong_titles {
    display: flex;
    align-items: flex-end;
    p {
        font-size: .32rem;
        color: #222222;
        text-transform: uppercase;
        display: inline-block;
        line-height: 1;
        font-family: osw;
    }
    span {
        font-size: .14rem;
        color: #999999;
        margin-left: .2rem;
    }
}

.main_price_box {
    overflow: hidden;
    margin-top: .75rem;
    .ul1 {
        display: flex;
        justify-content: space-between;
        padding-bottom: .41rem;
        li {
            margin-top: .22rem;
            background: #F3F3F3;
            padding: .18rem 0 .18rem .21rem;
            &:nth-child(1) {
                width: 2.17rem;
            }
            &:nth-child(2) {
                width: 2.17rem;
            }
            &:nth-child(3) {
                width: 2.17rem;
            }
            &:nth-child(4) {
                width: 4.66rem;
            }
            p {
                font-size: .18rem;
                text-transform: uppercase;
                font-family: osw;
                line-height: 1.7;
                font-weight: 100;
                color: #666666;
            }
            span {
                display: block;
                font-size: .3rem;
                font-weight: bold;
                color: #222222;
                margin-top: .1rem;
            }
        }
    }
    .ul2 {
        display: flex;
        justify-content: space-between;
        padding-bottom: .41rem;
        li {
            margin-top: .22rem;
            background: #F3F3F3;
            padding: .18rem 0 .18rem .21rem;
            &:nth-child(1) {
                width: 6.7rem;
            }
            &:nth-child(2) {
                width: 4.88rem;
            }
            em {
                display: block;
                font-size: .2rem;
                color: #000000;
                line-height: 1.7;
                i {
                    font-size: .3rem;
                    font-weight: bold;
                }
            }
            p {
                font-size: .18rem;
                text-transform: uppercase;
                font-family: osw;
                line-height: 1.7;
                font-weight: 100;
                color: #666666;
            }
            span {
                display: block;
                font-size: .3rem;
                font-weight: bold;
                color: #222222;
                margin-top: .29rem;
            }
        }
    }
}

.main_photo_box {
    overflow: hidden;
    margin-top: .2rem;
    ul {
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        li {
            overflow: hidden;
            width: 3.78rem;
            margin-right: .33rem;
            margin-top: .16rem;
            img {
                display: block;
                width: 100%;
                object-fit: cover;
                transition: all .5s;
            }
            &:hover {
                img {
                    transform: scale(1.03);
                }
            }
            &:nth-child(3n) {
                margin-right: 0;
            }
        }
    }
    .slide {
        width: 100%;
        overflow: hidden;
        position: relative;
        .mySwiper {
            width: 100%;
            overflow: hidden;
            .swiper-slide {
                width: 100%;
                overflow: hidden;
                img {
                    width: 100%;
                    display: block;
                }
            }
        }
        .btn {
            width: .6rem;
            height: .6rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: rgba(0, 0, 0, .2);
            position: absolute;
            transition: all .1s;
            z-index: 99;
            bottom: .64rem;
            font-size: 14px;
            &:hover {
                background: rgba(0, 0, 0, .6);
            }
            img {
                display: block;
                width: .17rem;
            }
            &.prev {
                left: .52rem;
            }
            &.next {
                right: .52rem;
            }
        }
    }
}

.font_itinerary {
    overflow: hidden;
    width: 100%;
    margin-top: .54rem;
    .box {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: .37rem;
        .fl {
            overflow: hidden;
            width: 6.95rem;
            span {
                display: block;
                font-size: .16rem;
                color: #686868;
                line-height: 2.2;
                margin-bottom: .3rem;
                &:last-child {
                    margin-bottom: 0;
                }
            }
        }
        .fr {
            overflow: hidden;
            width: 4.71rem;
            div {
                overflow: hidden;
                background: #F3F3F3;
                margin-bottom: .08rem;
                padding: .13rem .22rem;
                &:last-child {
                    margin-bottom: 0;
                }
                p {
                    font-size: .14rem;
                    color: #333333;
                    text-transform: uppercase;
                    font-family: osw;
                    line-height: 1.5;
                }
                span {
                    display: block;
                    font-size: .12rem;
                    color: #686868;
                    margin-top: .03rem;
                    line-height: 2.4;
                }
            }
        }
    }
}

.mobile_header {
    display: none;
}

@media (max-width: 750px) {
	.m{
		width: 100% !important;
	}
    .mobile_header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: .96rem;
        background: #0F7CD0;
        padding: 0 .28rem 0 .4rem;
        .lang {
            height: 100%;
            position: relative;
            .line {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 100%;
                cursor: pointer;
                .icon {
                    width: .48rem;
                    display: block;
                }
                span {
                    font-size: .32rem;
                    color: #fff;
                    margin: 0 .1rem;
                }
                .down {
                    width: .12rem;
                    display: block;
                }
            }
        }
        .link{
        	width: 1.62rem;
                    height: .58rem;
                    background: #fff;
                    border-radius: .3rem;
                    a {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-family: osw;
                        font-size: .24rem;
                        color: #0F7CD0;
                        padding-top: .02rem;
                    }
        }
    }
    .content .header{
    	height: 1.58rem;
    	background: #fff;
    	padding: 0 .28rem 0 0;
    	.logo{
    		height: auto;
    		width: 2.4rem;
    	}
    }
    .content .header .m > ul{
    	display: none;
    }
    .content .header .m .right{
    	display: none;
    }
    .menu{
    	width: .64rem;
    	height: .64rem;
    	background-image: url(../images/menu.png);
    	background-size: 100% 100%;
    	display: block;
    }
    .content .banner{
    	height: 4.04rem;
    }
    .content .banner a .font p{
    	font-size: .48rem;
    }
    .content .main_form_box{
    	padding: .82rem .4rem 0 .4rem;
    }
    .content .main_form_box .m .item{
    	padding: 0 .24rem .34rem .24rem;
    }
    .content .main_form_box .m .item .head{
    	padding: .42rem 0;
    	p{
    		font-size: .48rem;
    		line-height: .72rem;
    	}
    }
    .content .main_form_box .m .item .form{
    	margin-top: .2rem;
    }
 	.content .main_form_box .m .item .form .label{
 		margin-bottom: .32rem;
 		width: 100%;
 		p{
 			font-size: .28rem;
 			line-height: .42rem;
 		}
 	}
 	.content .main_form_box .m .item .form .label input{
 		margin-top: .24rem;
 		height: 1.28rem;
 		font-size: .32rem;
 		border-radius: .16rem;
 		width: 100%;
 		padding-left: .4rem;
 	}
 	.content .main_form_box .m .item .rideo{
 		display: block;
 		p{
 			font-size: .28rem;
 		}
 	}
 	.content .main_form_box .m .item .rideo ul li{
 		margin-top: .26rem;
 		margin-left: 0;
 		margin-right: .6rem;
 	}
 	.content .main_form_box .m .item .rideo ul li:first-child{
 		margin-left: 0;
 	}
 	.content .main_form_box .m .item .rideo ul li span{
 		font-size: .32rem;
 	}
 	.content .main_form_box .m .item .rideo ul li div{
 		width: .52rem;
 		height: .52rem;
 		border-radius: .06rem solid #BBBBBB;
 	}
 	.content .main_form_box .m .item .rideo ul li div::after{
 		width: .28rem;
 		height: .28rem;
 	}
 	.content .main_form_box .m .item .desc{
 		padding: .3rem .24rem 0 .24rem;
 		p{
 			font-size: .32rem;
 			line-height: .68rem;
 			border: none;
 			padding: 0;
 		}
 	}
 	.content .main_form_box .m .item .desc .updata{
 		padding: .44rem 0 .32rem 0;
 		margin: 0;
 		margin-bottom: .36rem;
 		border-radius: .1rem;
 		img{
 			width: .66rem;
 		}
 		span{
 			font-size: .28rem;
 			line-height: .42rem;
 			margin-top: .22rem;
 		}
 	}
 	.content .main_form_box .m .item .desc{
 		border-radius: .16rem;
 	}
 	.content .main_form_box .m .item{
 		margin-bottom: .34rem;
 	}
 	.content .main_form_box .m .item .head{
 		justify-content: space-between;
 	}
 	.content .main_form_box .m .item .head img{
 		width: .52rem;
 		margin-left: 0;
 	}
 	.content .main_form_box .m .item .textarea{
 		height: 1.98rem;
 		font-size: .32rem;
 		border-radius: .16rem;
 		padding: .22rem .4rem;
 		margin-top: .46rem;
 	}
 	.content .main_form_box .m .item .rideo.ons ul{
 		display: block;
 	}
 	.content .main_form_box .m .item .rideo.ons ul li span{
 		font-size: .32rem;
 	}
 	.content .main_form_box .m .item .rideo.ons ul li div{
 		margin-right: .28rem;
 	}
 	.content .main_form_box .m .item .rideo.ons ul li{
 		margin-top: .28rem;
 	}
 	.content .main_form_box .m .item .rideo.on ul li{
 		margin-top: .46rem;
 	}
 	.content .main_form_box .m .button div{
 		width: 2.4rem;
 		height: .92rem;
 		font-size: .32rem;
 		margin: 0 .19rem;
 	}
 	.content .main_form_box .m .button{
 		padding-bottom: .84rem;
 		padding-top: .6rem;
 	}
 	.footer{
 		padding: .68rem .56rem 0 .56rem;
 	}
 	.footer .m .top{
 		display: block;
 	}
 	.footer .m .top .left{
 		width: 100%;
 	}
 	.footer .m .top .left .fotlogo{
 		width: 1.88rem;
 	}
 	.footer .m .top .left p{
 		font-size: .24rem;
 		line-height: .68rem;
 		margin-top: .32rem;
 	}
 	.footer .m .top .left span{
 		font-size: .36rem;
 		margin-top: .14rem;
 	}
 	.footer .m .top .item{
 		margin-top: .42rem;
 	}
 	.footer .m .top .item p{
 		font-size: .48rem;
 	}
 	.footer .m .top .item .ul li{
 		margin-top: .54rem;
 		img{
 			width: .32rem;
 		}
 		span{
 			font-size: .28rem;
 			width: auto;
 			flex: 1;
 			margin-left: .28rem;
 		}
 	}
 	.footer .m .top .item .map{
 		width: 100%;
 		height: 3.42rem;
 		margin-top: .3rem;
 	}
 	.footer .m .top .item .ul1 li{
 		margin-top: .32rem;
 		margin-right: .12rem;
 		img{
 			width: .68rem;
 		}
 	}
 	.footer .m .bottom{
 		font-size: .3rem;
 		padding: .36rem 0 1.22rem;
 	}
 	.mobile_navbar{
 		display: block;
 		width: 100%;
 		height: 100%;
 		position: fixed;
 		left: 0;
 		top: 0;
 		background: rgba(0,0,0,.4);
 		z-index: 999;
 		display: none;
 		.box{
 			width: 5.34rem;
 			background: #161515;
 			position: absolute;
 			right: 0;
 			top: 0;
 			height: 100%;
 			overflow: hidden;
 			.logos{
 				display: block;
 				width: 2.52rem;
 				margin: .58rem 0 .5rem .52rem;
 			}
 			& > ul{
 				overflow: hidden;
 				border-top: 1px solid #2D2C2C;
 				.slide{
 					overflow: hidden;
 					a{
 						display: block;
 						box-sizing: border-box;
 						font-size: .24rem;
 						color: #fff;
 						padding: .24rem .52rem;
 						border-bottom: 1px solid #2D2C2C;
 						line-height: .32rem;
 						&.on{
 							color: #0F7CD0;
 						}
 					}
 				}
 				& > li{
 					display: flex;
 					align-items: center;
 					justify-content: space-between;
 					height: .82rem;
 					padding: 0 .24rem 0 .52rem;
 					border-bottom: 1px solid #2D2C2C;
 					position: relative;
 					&.on{
 						&::after{
 							content: '';
 							width: .08rem;
 							height: 100%;
 							background: #0F7CD0;
 							position: absolute;
 							left: 0;
 							top: 0;
 						}
 						.icon img{
 							transform: rotate(90deg);
 						}
 					}
 					a{
 						height: 100%;
 						display: flex;
 						align-items: center;
 						font-size: .36rem;
 						color: #fff;
 						text-transform: uppercase;
 						font-family: osw;
 					}
 					.icon{
 						width: .58rem;
 						height: .58rem;
 						display: flex;
 						align-items: center;
 						justify-content: center;
 						background: #373737;
 						border-radius: .06rem;
 						img{
 							width: .24rem;
 							transition: all .3s;
 						}
 					}
 				}
 			}
 		}
 	}
 	.content .banner a .font p.on{
 		font-size: .48rem;
 		line-height: .7rem;
 	}
 	.content .banner a .font span{
 		font-size: .32rem;
 		line-height: .4rem;
 		margin-top: .46rem;
 	}
 	.main_page_box{
 		padding: 0 .38rem .86rem .38rem;
 	}
 	.main_items{
 		margin-top: .56rem;
 	}
 	.tong_title span{
 		font-size: .8rem;
 		line-height: 1.18rem;
 		padding-bottom: .2rem;
 		word-wrap:break-word
 	}
 	.tong_title{
 		width: 5.7rem;
 		margin: 0 auto;
 	}
 	.tong_title::after{
 		width: 100%;
 	}
 	.main_items ul{
 		margin: 0;
 		li{
 			overflow: hidden;
 			a{
 				display: block;
 				.picture{
 					width: 100%;
 					img{
 						height: 100%;
 						object-fit: cover;
 					}
 				}
 				.grow{
 					flex: auto;
 					width: 100%;
 					padding: .68rem 0 0 0;
 					p{
 						font-size: .6rem;
 						line-height: .78rem;
 					}
 					span{
 						font-size: .32rem;
 						line-height: .68rem;
 						margin-bottom: .22rem;
 						margin-top: .44rem;
 					}
 					.btn{
 						width: 3.18rem;
 						height: .92rem;
                        font-size: 28px;
 						margin: 0 auto;
 					}
 				}
 			}
 		}
 	}
 	.main_items .video video{
 		height: 2.74rem;
 	}
 	.main_items .video .desc{
 		padding: .48rem .28rem .34rem .28rem;
 		margin-top: .28rem;
 		span{
 			font-size: .32rem;
 		line-height: .68rem;
 		}
 	}
 	.main_gallery{
 		margin-top: .76rem;
 	}
 	.main_gallery .box{
 		margin-top: .6rem;
 	}
 	.main_gallery .box .mySwiper .swiper-slide ul{
 		display: flex;
 			justify-content: space-between;
 			flex-wrap: wrap;
 	}
 	.main_gallery .box .mySwiper .swiper-slide ul li{
 		overflow: hidden;
 				margin: 0;
 				margin-bottom: .2rem;
 				width: 3.26rem;
 	}
 	.main_gallery .box .mySwiper{
 		padding-bottom: .4rem;
 	}
 	.main_gallery .box .mySwiper .swiper-pagination .swiper-pagination-bullet{
 		width: 1.8rem;
 		height: .26rem;
 	}
 	.public_button{
 		width: 3.18rem;
 		height: .92rem;
 		a{
 			font-size: .28rem;
 		}
 	}
 	.main_gallery .box{
 		margin-bottom: .6rem;
 	}
 	.font_itinerary{
 		padding: 0 .36rem;
 		margin-top: .72rem;
 	}
 	.tong_titles p{
 		font-size: .64rem;
 		line-height: .94rem;
 	}
 	.font_itinerary .box{
 		display: block;
 		width: 100%;
 		margin-top: .56rem;
 	}
 	.font_itinerary .box .fl{
 		width: 100%;
 	}
 	.font_itinerary .box .fl span{
 		font-size: .32rem;
 		line-height: .68rem;
 	}
 	.font_itinerary .box .fr{
 		width: 100%;
 		margin-top: .4rem;
 		div{
 			padding: .26rem .32rem;
 			margin-bottom: .26rem;
 			p{
 				font-size: .28rem;
 				line-height: .4rem;
 			}
 			span{
 				font-size: .24rem;
 				line-height: .48rem;
 				margin-top: .1rem;
 			}
 		}
 	}
 	.font_itinerary .box{
 		padding-bottom: .1rem;
 	}
 	.main_photo_box{
 		padding: 0 .36rem;
 	}
 	.main_photo_box ul li{
 		width: 2.14rem;
 		margin-right: .18rem;
 	}
 	.main_price_box{
 		padding: 0 .3rem;
 		margin-top: .52rem;
 	}
 	.tong_titles span{
 		flex: 1;
 		font-size: .24rem;
 		line-height: .28rem;
 		margin-left: .36rem;
 	}
 	.tong_titles{
 		align-items: center;
 	}
 	.main_price_box .ul1 {
 		flex-wrap: wrap;
 	}
 	.main_price_box .ul1 li{
 		width: 3.3rem !important;
 		margin: 0 !important;
 		margin-top: .2rem !important;
 		padding: .42rem 0 .3rem .16rem;
 		p{
 			font-size: .28rem;
 			line-height: .46rem;
 		}
 		span{
 			font-size: .5rem;
 			line-height: .68rem;
 		}
 	}
 	.main_team_box .m .public_button{
 		width: 4.32rem;
 		height: 1.36rem;
 		border-radius: .08rem;
 		a{
 			font-size: .48rem;
 		}
 	}
 	.main_price_box .ul2{
 		display: block;
 		li{
 			width: 100% !important;
 		}
 	}
 	.main_price_box .ul2 li em{
 		font-size: .4rem;
 		i{
 			font-size: .6rem;
 		}
 	}
 	.main_price_box .ul2 li p{
 		font-size: .32rem;
 		line-height: .68rem;
 	}
 	.main_price_box .ul2 li span{
 		font-size: .6rem;
 		line-height: .68rem;
 	}
 	.main_items ul li a .grow p.on{
 		font-size: .48rem;
 		line-height: .72rem;
 	}
 	.main_items ul.on li a .grow p{
 		font-size: .48rem;
 		line-height: .72rem;
 		margin-bottom: .3rem;
 	}
 	.main_items ul li a .grow{
 		padding-top: .38rem;
 	}
 	.content .main_contact{
 		height: auto;
 		display: block;
 		padding: .54rem .3rem;
 	}
 	.content .main_contact .m{
 		display: block;
 	}
 	.content .main_contact .m .grow p{
 		font-size: .64rem;
 		line-height: .88rem;
 	}
 	.content .main_contact .m .grow span{
 		font-size: .32rem;
 		line-height: .46rem;
 		margin-top: .22rem;
 	}
 	.content .main_contact .m .grow em{
 		font-size: .32rem;
 		line-height: .46rem;
 		margin-top: .6rem;
 	}
 	.content .main_contact .m .form{
 		width: 100%;
 		margin: 0;
 		padding: .2rem .5rem;
 		margin-top: .42rem;
 	}
 	.content .main_contact .m .form .title{
 		font-size: .36rem;
 		height: 1rem;
 	}
 	.content .main_contact .m .form .label{
 		margin-top: .14rem;
 		p{
 			font-size: .24rem;
 			line-height: .34rem;
 		}
 	}
 	.content .main_contact .m .form .label .change{
 		height: .72rem;
 		margin-top: .12rem;
 	}
 	.content .main_contact .m .form .label .change select{
 		font-size: .24rem;
 	}
 	.content .main_contact .m .form .label .change input{
 		font-size: .24rem;
 	}
 	.content .main_contact .m .form .label textarea{
 		font-size: .24rem;
 		height: 1.02rem;
 	}
 	.content .main_contact .m .form .submit{
 		width: 1.76rem;
 		height: .72rem;

        font-size:16px;
 	}
 	.content .main_faq{
 		padding: .24rem;
 	}
 	.content .main_faq .m ul li{
 		margin-bottom: .4rem;
 	}
 	.content .main_faq .m ul li .line{
 		padding: .3rem .14rem .3rem .8rem;
 		height: 2.36rem;
 	}
 	.content .main_faq .m ul li .line img{
 		width: .3rem;
 	}
 	.content .main_faq .m ul li .slide{
 		font-size: .32rem;
 		line-height: .68rem;
 	}
 	.content .main_faq .m ul li .line p{
 		font-size: .32rem;
 	}
}
